﻿<!DOCTYPE html>
<html>
  <head>
    <title>粉丝</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/粉丝/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/粉丝/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default box_1">
        <div id="u493_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u494" class="ax_default _图片2">
        <img id="u494_img" class="img " src="images/编辑资料/u168.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u495" class="ax_default label">
        <div id="u495_div" class=""></div>
        <div id="u495_text" class="text ">
          <p><span>朋友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u496" class="ax_default label">
        <div id="u496_div" class=""></div>
        <div id="u496_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u497" class="ax_default label">
        <div id="u497_div" class=""></div>
        <div id="u497_text" class="text ">
          <p><span>粉丝</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u498" class="ax_default line">
        <img id="u498_img" class="img " src="images/朋友/u394.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u499" class="ax_default label">
        <div id="u499_div" class=""></div>
        <div id="u499_text" class="text ">
          <p><span>我的粉丝（29）</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u500" class="ax_default ellipse">
        <img id="u500_img" class="img " src="images/朋友/u396.png"/>
        <div id="u500_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u501" class="ax_default label">
        <div id="u501_div" class=""></div>
        <div id="u501_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u502" class="ax_default box_1">
        <div id="u502_div" class=""></div>
        <div id="u502_text" class="text ">
          <p><span>回关</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u503" class="ax_default ellipse">
        <img id="u503_img" class="img " src="images/朋友/u396.png"/>
        <div id="u503_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u504" class="ax_default label">
        <div id="u504_div" class=""></div>
        <div id="u504_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u505" class="ax_default box_1">
        <div id="u505_div" class=""></div>
        <div id="u505_text" class="text ">
          <p><span>回关</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u506" class="ax_default label">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>这里是简介</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u507" class="ax_default ellipse">
        <img id="u507_img" class="img " src="images/朋友/u396.png"/>
        <div id="u507_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u508" class="ax_default label">
        <div id="u508_div" class=""></div>
        <div id="u508_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default box_1">
        <div id="u509_div" class=""></div>
        <div id="u509_text" class="text ">
          <p><span>互相关注</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u510" class="ax_default ellipse">
        <img id="u510_img" class="img " src="images/朋友/u396.png"/>
        <div id="u510_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default label">
        <div id="u511_div" class=""></div>
        <div id="u511_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u512" class="ax_default box_1">
        <div id="u512_div" class=""></div>
        <div id="u512_text" class="text ">
          <p><span>回关</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u513" class="ax_default label">
        <div id="u513_div" class=""></div>
        <div id="u513_text" class="text ">
          <p><span>这里是简介</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u514" class="ax_default ellipse">
        <img id="u514_img" class="img " src="images/朋友/u396.png"/>
        <div id="u514_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u515" class="ax_default label">
        <div id="u515_div" class=""></div>
        <div id="u515_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u516" class="ax_default box_1">
        <div id="u516_div" class=""></div>
        <div id="u516_text" class="text ">
          <p><span>互相关注</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u517" class="ax_default ellipse">
        <img id="u517_img" class="img " src="images/朋友/u396.png"/>
        <div id="u517_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u518" class="ax_default label">
        <div id="u518_div" class=""></div>
        <div id="u518_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u519" class="ax_default box_1">
        <div id="u519_div" class=""></div>
        <div id="u519_text" class="text ">
          <p><span>回关</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u520" class="ax_default label">
        <div id="u520_div" class=""></div>
        <div id="u520_text" class="text ">
          <p><span>这里是简介</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u521" class="ax_default ellipse">
        <img id="u521_img" class="img " src="images/朋友/u396.png"/>
        <div id="u521_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u522" class="ax_default label">
        <div id="u522_div" class=""></div>
        <div id="u522_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u523" class="ax_default box_1">
        <div id="u523_div" class=""></div>
        <div id="u523_text" class="text ">
          <p><span>互相关注</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u524" class="ax_default ellipse">
        <img id="u524_img" class="img " src="images/朋友/u396.png"/>
        <div id="u524_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u525" class="ax_default label">
        <div id="u525_div" class=""></div>
        <div id="u525_text" class="text ">
          <p><span>这里是昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u526" class="ax_default box_1">
        <div id="u526_div" class=""></div>
        <div id="u526_text" class="text ">
          <p><span>回关</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u527" class="ax_default label">
        <div id="u527_div" class=""></div>
        <div id="u527_text" class="text ">
          <p><span>这里是简介</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u528" class="ax_default label">
        <div id="u528_div" class=""></div>
        <div id="u528_text" class="text ">
          <p><span>暂时没有更多了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u529" class="ax_default _文本段落">
        <div id="u529_div" class=""></div>
        <div id="u529_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'宋体 Bold', '宋体 常规', '宋体';font-weight:700;">逻辑说明</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">一.返回，点击返回至上级页面；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">二.顶部tab，点击切换至不同的tab页面；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">三.我的粉丝</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; 1.展示我的粉丝数量；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; 2.展示头像、昵称、简介（没有则不展示，若有最多展示一行，展示不下【...】展示）</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2.1点击进入用户主页；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2.2若存在用户正在直播，头像上方标识【直播中】，此时点击头像进入用户直播间；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; 3.按钮：</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 3.1回关：点击后按钮变为【互相关注】，按钮颜色变化；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 3.2互相关注：点击后取消关注，按钮变为【回关】，按钮颜色变化；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 3.3发私信：点击进入聊天页面</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">&nbsp;&nbsp; &nbsp; 4.滑动至页面底部展示默认文字：暂时没有更多了</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">四.排序规则：按照成为粉丝时间倒序排序；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">五.缓存机制：默认缓存20条内容，滑动至第15条数据时，缓存后续20条数据；</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;">六.页面无内容时，展示如下图：</span></p><p style="font-size:14px;"><span style="font-family:'宋体 常规', '宋体';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u530" class="ax_default box_1">
        <div id="u530_div" class=""></div>
        <div id="u530_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u531" class="ax_default box_1">
        <div id="u531_div" class=""></div>
        <div id="u531_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default box_1">
        <div id="u532_div" class=""></div>
        <div id="u532_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default box_1">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u534" class="ax_default box_1">
        <div id="u534_div" class=""></div>
        <div id="u534_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u535" class="ax_default box_1">
        <div id="u535_div" class=""></div>
        <div id="u535_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u536" class="ax_default box_1">
        <div id="u536_div" class=""></div>
        <div id="u536_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u537" class="ax_default box_1">
        <div id="u537_div" class=""></div>
        <div id="u537_text" class="text ">
          <p><span>发私信</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
